﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/lib/element-ui/theme-chalk/index.css" rel="stylesheet" />
    <link href="/layui/css/layui.css" rel="stylesheet" />
    <link href="/layui/css/modules/layui-icon-extend/iconfont.css" rel="stylesheet" />
    <link href="/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
  <style>
      #logo{
          width:190px;
          height:50px;
      }
  </style>
</head>
<body>
    <div class="layui-layout layui-layout-admin" >
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black"><img src="/img/logo1.png"/ id="logo"></div>
            <ul class="layui-nav layui-layout-left">
                <!-- web、移动端显示 -->
                <li class="layui-nav-item layui-show-xs-inline-block " lay-header-event="menuLeft">
                    <a href="javascript:;" style="text-decoration: none;"> <i id="leftEnumIcon" class="layui-icon layui-icon-spread-left"></i></a>
                </li>
            <!--刷新当前页面-->
            <li class="layui-nav-item layui-hide-xs">
                    <a href="javascript:;" onclick="window.location.reload()" title="刷新页面" style="text-decoration: none;">
                    <i class="layui-icon layui-icon-refresh-1" style="color: #eeffef;"></i>
                </a>
            </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;" style="text-decoration: none;">
                        <img src="/img/admin.jpg" class="layui-nav-img">
                        超级管理员
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="" style="text-decoration: none;"><i class="layui-icon layui-icon-set-fill"></i>设置<span class="layui-badge-dot"></span></a></dd>
                        <dd>
                            <a href="/admin/login/login" style="text-decoration: none;">
                                <i class="layui-icon layui-icon-close-fill"></i>退出
                            </a>
                        </dd>
                         <dd>
                            <a href="/home/index" style="text-decoration: none;">
                                <i class="layui-icon layui-icon-close-fill"></i>返回前台首页
                            </a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item">
                        <a href="/admin/home/index" style="text-decoration: none;">首页</a>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;" style="text-decoration: none;"><i class="layui-icon layui-icon-friends"></i>管理员管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/management/index" style="text-decoration: none;">管理员列表</a></dd>
                            <dd><a href="/admin/RolePermission/index" style="text-decoration: none;">角色权限</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" style="text-decoration: none;"> <i class="layui-icon layui-icon-group"></i>用户管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/user/index" style="text-decoration: none;">用户列表</a></dd>
                            <dd><a href="/admin/comment/index" style="text-decoration: none;">留言列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" style="text-decoration: none;">
                            <i class="layui-icon layui-icon-menu-fill"></i>产品管理
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/product/index" style="text-decoration: none;">产品列表</a></dd>
                            <dd><a href="/admin/ProudctCategory/index" style="text-decoration: none;">分类列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                       
                        <a href="javascript:;" style="text-decoration: none;"> <i class="layui-icon  layui-icon-service"></i>关于我们</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/about/index" style="text-decoration: none;">关于我们</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" style="text-decoration: none;"> <i class="layui-icon  layui-icon-template"></i>新闻管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/new/index" style="text-decoration: none;">新闻列表</a></dd>
                            <dd><a href="/admin/newtype/index" style="text-decoration: none;">新闻分类</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        
                        <a href="javascript:;" style="text-decoration: none;"><i class="layui-icon layui-icon-cart"></i>订单管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/order/index" style="text-decoration: none;">订单列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;" style="text-decoration: none;"><i class="layui-icon layui-icon-star-fill"></i>推荐管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/Position/index" style="text-decoration: none;">轮播图列表</a></dd>
                        </dl>
                    </li>  
                     <li class="layui-nav-item">
                        <a href="javascript:;" style="text-decoration: none;">评论管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/admin/Comment/index" style="text-decoration: none;">评论列表</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">
               <main>
                    @RenderBody()
               </main>
            </div>
        </div>
        <div class="layui-footer">
            <div style="text-align:center">
                <i class="layui-icon layui-icon-release"></i>：<a>13525365140@163.com</a>
                &nbsp;&nbsp;&nbsp;
                <i class="layui-icon layui-icon-service"></i>：<a>400-810-8788</a>
            </div> 
        </div>
    </div>
    <script src="/lib/jquery/dist/jquery.js"></script>
    <script src="/js/chart.js"></script>
    <script src="/js/main.min.js"></script>
    <script src="/js/perfect-scrollbar.min.js"></script>
    <script src="/lib/bootstrap/dist/js/bootstrap.js"></script>
    <script src="/lib/jquery-validation/dist/jquery.validate.js"></script>
    <script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/lib/element-ui/index.js"></script>
    <script src="/layui/layui.js"></script>
    <script>
            //JS
        layui.use(['element', 'layer', 'util'], function () {
                var element = layui.element
                    , layer = layui.layer
                    , util = layui.util
                    , $ = layui.$;
                //头部事件
                util.event('lay-header-event', {
                    //左侧菜单事件
                    menuLeft: function (othis) {
                    var btn = $("#leftEnumIcon");
                    if (btn.hasClass('layui-icon-spread-left')) {
                        menuHide(btn);
                        btn.addClass('btn-index');
                    } else if (btn.has('layui-icon-shrink-right')) {
                        btn.removeClass('btn-index');
                        menuShow(btn);

                    }

                    $(window).resize(function () {
                        var width = $(document.body).width();
                        var btn = $("leftEnumIcon");
                        if (width < 1000) {
                            if (btn.hasClass('layui-icon-spread-left')) {
                                menuShow(btn);
                            }
                        } else {
                            if (!btn.hasClass('btn-index')) {
                                if (btn.hasClass('layui-icon-shrink-right')) {
                                    menuHide(btn);
                                }
                            }
                        }
                    });

                    function menuShow(btn) {
                        btn.removeClass('layui-icon-shrink-right').addClass('layui-icon-spread-left');
                        $(".layui-side").animate({ width: 'toggle' });
                        $(".zq-logo").animate({ width: 'toggle' });
                        $(".layui-body").animate({ left: '200px' });
                        $(".layui-footer").animate({ left: '200px' });
                    }

                    function menuHide(btn) {
                        btn.removeClass(' layui-icon-spread-left').addClass('layui-icon-shrink-right');
                        $(".layui-side").animate({ width: 'toggle' }); //toggle如果原来div是隐藏的就会把元素显示，如果原来是显示则隐藏
                        $(".zq-logo").animate({ width: 'toggle' });
                        $(".layui-body").animate({ left: '0px' });
                        $(".layui-footer").animate({ left: '0px' });
                    }
                    }
                    , menuRight: function () {
                        layer.open({
                            type: 1
                            , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                            , area: ['260px', '100%']
                            , offset: 'rt' //右上角
                            , anim: 5
                            , shadeClose: true
                        });
                    }
                });
                });
    </script>   
    @RenderSection("Scripts", required: false)
</body>
</html>